@charset "utf-8";
/*laoding*/
/*各样式遮罩层*/
.dialog-mask {position: fixed;width: 100%;height: 100%;top:0;left:0;background: rgba(0,0,0,.6);z-index:500;}
.dialog-mask-black,.dialog-mask-white {position: fixed;width: 100%;height: 100%;top:0;left:0;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.dialog-mask-black {background: rgba(0,0,0,.6);z-index: 500;}
.dialog-mask-white {background: rgba(255,255,255,0);z-index: 500;}
.m-loading {
	border-radius: 0.08rem;
	color: #FFF;
	background-color: rgba(40, 40, 40, 0.8);
	-webkit-animation: zoomIn .1s ease forwards;
	animation: zoomIn .1s ease forwards;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	padding:0.20rem 0.46rem;
	font-size: 0.30rem;
	max-width: 70%;
}

.m-loading .loading-icon {
	width: 0.56rem;
	height: 0.56rem;
	background: url('') no-repeat;
	background-size:0.56rem 0.56rem;
	-webkit-animation: rotate-loading 0.45s linear forwards infinite;
	animation: rotate-loading 0.45s linear forwards infinite;
}

.m-loading span {
	color: #FFF;margin-left: 0.2rem;
}
/*laoding*/
@-webkit-keyframes rotate-loading {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes rotate-loading {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}